@extends('layout.list')

@section('title', '商品列表页')

@section('content')
<?php var_dump($sorname); ?>
  <div style="width: 1220px;" class="content_fluid">
    <!-- 类目筛选 start-->
    <div class="filter_wrap">
      <!--面包屑-->
      <div class="bread_crumbs">
        <span class="cata_text">{{$sorname}}</span>
        <samp class="corner">&gt;</samp>
        <a href="javascript:void(0)" class="subcata_text">
          <span class="cata_text">泳衣</span></a>
        <span class="g_total">共16088件</span></div>
      <!--筛选器-->
      <div class="group_box">
        <div class="inner_box">
          <div class="row first">
            <div class="left_cate">类目：</div>
            <div class="center_content">
              <div class="items_wraper">
                <div class="items" data-key="fl_mt_cataid">
                  <a href="javascript:void(0);" data-value="13257">
                    <span class="icon_filter"></span>
                    <span>沙滩装</span></a>
                  <a href="javascript:void(0);" data-value="13251">
                    <span class="icon_filter"></span>
                    <span>分体</span></a>
                  <a href="javascript:void(0);" data-value="13261">
                    <span class="icon_filter"></span>
                    <span>连体</span></a>
                  <a href="javascript:void(0);" data-value="12037">
                    <span class="icon_filter"></span>
                    <span>泳衣</span></a>
                </div>
              </div>
            </div>
            <div class="right_selector">
              <span class="togglebtn more">更多
                <i class="arrow_down"></i></span>
              <span class="togglebtn retract">收起
                <i class="arrow_up"></i></span>
            </div>
          </div>
          <div class="row">
            <div class="left_cate">材质：</div>
            <div class="center_content">
              <div class="items_wraper">
                <div class="items" data-key="fl_mt_property_json-5B-27-E6-9D-90-E8-B4-A8-27-5D-5B-27id-27-5D-5B0-5D">
                  <a href="javascript:void(0);" data-value="60063">
                    <span class="icon_filter"></span>
                    <span>锦纶</span></a>
                  <a href="javascript:void(0);" data-value="60051">
                    <span class="icon_filter"></span>
                    <span>氨纶</span></a>
                  <a href="javascript:void(0);" data-value="42505">
                    <span class="icon_filter"></span>
                    <span>其他</span></a>
                  <a href="javascript:void(0);" data-value="60060">
                    <span class="icon_filter"></span>
                    <span>聚酯纤维</span></a>
                  <a href="javascript:void(0);" data-value="60114">
                    <span class="icon_filter"></span>
                    <span>针织</span></a>
                  <a href="javascript:void(0);" data-value="217319">
                    <span class="icon_filter"></span>
                    <span>棉纶</span></a>
                  <a href="javascript:void(0);" data-value="60067">
                    <span class="icon_filter"></span>
                    <span>涤纶</span></a>
                  <a href="javascript:void(0);" data-value="60020">
                    <span class="icon_filter"></span>
                    <span>貉子毛</span></a>
                  <a href="javascript:void(0);" data-value="60314">
                    <span class="icon_filter"></span>
                    <span>其他类型材质</span></a>
                  <a href="javascript:void(0);" data-value="60001">
                    <span class="icon_filter"></span>
                    <span>成分</span></a>
                  <a href="javascript:void(0);" data-value="60080">
                    <span class="icon_filter"></span>
                    <span>雪纺</span></a>
                  <a href="javascript:void(0);" data-value="60146">
                    <span class="icon_filter"></span>
                    <span>蕾丝</span></a>
                  <a href="javascript:void(0);" data-value="60002">
                    <span class="icon_filter"></span>
                    <span>天然纤维</span></a>
                </div>
              </div>
              <div class="operate_btns">
                <span class="mbtn enable">提交</span>
                <span class="calloff">取消</span></div>
            </div>
            <div class="right_selector">
              <span class="multiply">多选</span>
              <span class="togglebtn more">更多
                <i class="arrow_down"></i></span>
              <span class="togglebtn retract">收起
                <i class="arrow_up"></i></span>
            </div>
          </div>
          <div class="row">
            <div class="left_cate">元素：</div>
            <div class="center_content">
              <div class="items_wraper">
                <div class="items" data-key="fl_mt_property_json-5B-27-E5-85-83-E7-B4-A0-27-5D-5B-27id-27-5D-5B0-5D">
                  <a href="javascript:void(0);" data-value="70004">
                    <span class="icon_filter"></span>
                    <span>拼接</span></a>
                  <a href="javascript:void(0);" data-value="70085">
                    <span class="icon_filter"></span>
                    <span>花色</span></a>
                  <a href="javascript:void(0);" data-value="70082">
                    <span class="icon_filter"></span>
                    <span>纯色</span></a>
                  <a href="javascript:void(0);" data-value="70083">
                    <span class="icon_filter"></span>
                    <span>拼色</span></a>
                  <a href="javascript:void(0);" data-value="70084">
                    <span class="icon_filter"></span>
                    <span>撞色</span></a>
                  <a href="javascript:void(0);" data-value="70200">
                    <span class="icon_filter"></span>
                    <span>花朵</span></a>
                  <a href="javascript:void(0);" data-value="70042">
                    <span class="icon_filter"></span>
                    <span>碎花</span></a>
                  <a href="javascript:void(0);" data-value="70015">
                    <span class="icon_filter"></span>
                    <span>做旧</span></a>
                  <a href="javascript:void(0);" data-value="70043">
                    <span class="icon_filter"></span>
                    <span>条纹</span></a>
                  <a href="javascript:void(0);" data-value="70121">
                    <span class="icon_filter"></span>
                    <span>抽绳</span></a>
                  <a href="javascript:void(0);" data-value="70078">
                    <span class="icon_filter"></span>
                    <span>糖果色</span></a>
                  <a href="javascript:void(0);" data-value="70023">
                    <span class="icon_filter"></span>
                    <span>镂空</span></a>
                  <a href="javascript:void(0);" data-value="70026">
                    <span class="icon_filter"></span>
                    <span>波点</span></a>
                  <a href="javascript:void(0);" data-value="70137">
                    <span class="icon_filter"></span>
                    <span>露腰</span></a>
                  <a href="javascript:void(0);" data-value="70057">
                    <span class="icon_filter"></span>
                    <span>花边</span></a>
                  <a href="javascript:void(0);" data-value="70163">
                    <span class="icon_filter"></span>
                    <span>格子</span></a>
                  <a href="javascript:void(0);" data-value="70262">
                    <span class="icon_filter"></span>
                    <span>褶皱</span></a>
                  <a href="javascript:void(0);" data-value="70138">
                    <span class="icon_filter"></span>
                    <span>露脐</span></a>
                  <a href="javascript:void(0);" data-value="70172">
                    <span class="icon_filter"></span>
                    <span>卡通动漫</span></a>
                  <a href="javascript:void(0);" data-value="70114">
                    <span class="icon_filter"></span>
                    <span>钩花</span></a>
                  <a href="javascript:void(0);" data-value="70047">
                    <span class="icon_filter"></span>
                    <span>字母</span></a>
                  <a href="javascript:void(0);" data-value="70143">
                    <span class="icon_filter"></span>
                    <span>动物印花</span></a>
                  <a href="javascript:void(0);" data-value="70022">
                    <span class="icon_filter"></span>
                    <span>透视</span></a>
                  <a href="javascript:void(0);" data-value="70056">
                    <span class="icon_filter"></span>
                    <span>蝴蝶结</span></a>
                  <a href="javascript:void(0);" data-value="70001">
                    <span class="icon_filter"></span>
                    <span>编织</span></a>
                  <a href="javascript:void(0);" data-value="70031">
                    <span class="icon_filter"></span>
                    <span>格纹</span></a>
                  <a href="javascript:void(0);" data-value="70067">
                    <span class="icon_filter"></span>
                    <span>露肩</span></a>
                  <a href="javascript:void(0);" data-value="70252">
                    <span class="icon_filter"></span>
                    <span>立体花朵</span></a>
                </div>
              </div>
              <div class="operate_btns">
                <span class="mbtn enable">提交</span>
                <span class="calloff">取消</span></div>
            </div>
            <div class="right_selector">
              <span class="multiply">多选</span>
              <span style="display: inline;" class="togglebtn more">更多
                <i class="arrow_down"></i></span>
              <span class="togglebtn retract">收起
                <i class="arrow_up"></i></span>
            </div>
          </div>
          <div class="row">
            <div class="left_cate">颜色：</div>
            <div class="center_content">
              <div class="items_wraper">
                <div class="items" data-key="fl_mt_property_json-5B-27-E9-A2-9C-E8-89-B2-27-5D-5B-27id-27-5D-5B0-5D">
                  <a href="javascript:void(0);" data-value="33655">
                    <span class="icon_filter"></span>
                    <span>黑色</span></a>
                  <a href="javascript:void(0);" data-value="33657">
                    <span class="icon_filter"></span>
                    <span>白色</span></a>
                  <a href="javascript:void(0);" data-value="33665">
                    <span class="icon_filter"></span>
                    <span>蓝色</span></a>
                  <a href="javascript:void(0);" data-value="33673">
                    <span class="icon_filter"></span>
                    <span>粉红色</span></a>
                  <a href="javascript:void(0);" data-value="33669">
                    <span class="icon_filter"></span>
                    <span>红色</span></a>
                  <a href="javascript:void(0);" data-value="33661">
                    <span class="icon_filter"></span>
                    <span>黄色</span></a>
                  <a href="javascript:void(0);" data-value="33677">
                    <span class="icon_filter"></span>
                    <span>绿色</span></a>
                  <a href="javascript:void(0);" data-value="33659">
                    <span class="icon_filter"></span>
                    <span>灰色</span></a>
                  <a href="javascript:void(0);" data-value="42167">
                    <span class="icon_filter"></span>
                    <span>西瓜红</span></a>
                  <a href="javascript:void(0);" data-value="42251">
                    <span class="icon_filter"></span>
                    <span>蓝绿</span></a>
                  <a href="javascript:void(0);" data-value="33675">
                    <span class="icon_filter"></span>
                    <span>酒红色</span></a>
                  <a href="javascript:void(0);" data-value="33663">
                    <span class="icon_filter"></span>
                    <span>紫色</span></a>
                  <a href="javascript:void(0);" data-value="42209">
                    <span class="icon_filter"></span>
                    <span>柠檬黄</span></a>
                  <a href="javascript:void(0);" data-value="42229">
                    <span class="icon_filter"></span>
                    <span>薄荷绿</span></a>
                  <a href="javascript:void(0);" data-value="41641">
                    <span class="icon_filter"></span>
                    <span>亮黄色</span></a>
                </div>
              </div>
              <div class="operate_btns">
                <span class="mbtn enable">提交</span>
                <span class="calloff">取消</span></div>
            </div>
            <div class="right_selector">
              <span class="multiply">多选</span>
              <span style="display: inline;" class="togglebtn more">更多
                <i class="arrow_down"></i></span>
              <span class="togglebtn retract">收起
                <i class="arrow_up"></i></span>
            </div>
          </div>
          <div class="row moresizer">
            <div class="left_cate">风格：</div>
            <div class="center_content">
              <div class="items_wraper">
                <div class="items" data-key="fl_mt_property_json-5B-27-E9-A3-8E-E6-A0-BC-27-5D-5B-27id-27-5D-5B0-5D">
                  <a href="javascript:void(0);" data-value="80038">
                    <span class="icon_filter"></span>
                    <span>小清新</span></a>
                  <a href="javascript:void(0);" data-value="80001">
                    <span class="icon_filter"></span>
                    <span>韩系</span></a>
                  <a href="javascript:void(0);" data-value="80053">
                    <span class="icon_filter"></span>
                    <span>甜美</span></a>
                  <a href="javascript:void(0);" data-value="31542">
                    <span class="icon_filter"></span>
                    <span>运动</span></a>
                  <a href="javascript:void(0);" data-value="80106">
                    <span class="icon_filter"></span>
                    <span>森系</span></a>
                  <a href="javascript:void(0);" data-value="80078">
                    <span class="icon_filter"></span>
                    <span>学院</span></a>
                  <a href="javascript:void(0);" data-value="80039">
                    <span class="icon_filter"></span>
                    <span>欧美</span></a>
                  <a href="javascript:void(0);" data-value="80118">
                    <span class="icon_filter"></span>
                    <span>嬉皮</span></a>
                  <a href="javascript:void(0);" data-value="80112">
                    <span class="icon_filter"></span>
                    <span>民族</span></a>
                  <a href="javascript:void(0);" data-value="80031">
                    <span class="icon_filter"></span>
                    <span>复古</span></a>
                  <a href="javascript:void(0);" data-value="80090">
                    <span class="icon_filter"></span>
                    <span>中性</span></a>
                </div>
              </div>
              <div class="operate_btns">
                <span class="mbtn enable">提交</span>
                <span class="calloff">取消</span></div>
            </div>
            <div class="right_selector">
              <span class="multiply">多选</span>
              <span class="togglebtn more">更多
                <i class="arrow_down"></i></span>
              <span class="togglebtn retract">收起
                <i class="arrow_up"></i></span>
            </div>
          </div>
        </div>
      </div>
      <div class="box_expend">
        <span class="more">更多筛选
          <i class="arrow_down"></i></span>
        <span class="retract">收起筛选
          <i class="arrow_up"></i></span>
      </div>
      <!-- 排序-->
      <div class="sort_box">
        <div class="bytype">
          <ul>
            <li>
              <a class="theme first curr" href="#">流行</a></li>
            <li>
              <a class="theme" href="#">热销</a></li>
            <li>
              <a class="theme" href="#">上新</a></li>
            <li class="laypr">
              <div class="trigger_link">
                <span>价格</span>
                <i class="arrow_down"></i>
              </div>
              <ul class="pricesort">
                <li>
                  <a href="#">价格从低到高</a></li>
                <li>
                  <a href="#">价格从高到低</a></li>
              </ul>
            </li>
          </ul>
        </div>
        <div class="byprice">
          <input class="start input" placeholder="¥" type="text">
          <span class="wavemark">~</span>
          <input class="end input" placeholder="¥" type="text">
          <a href="javascript:void(0);" class="p_submit">确认</a></div>
        <div class="byother">
          <a href="http://www.meilishuo.com/guang/catalog/hot?nid=226807&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_5&amp;ptp=1.6yiaECYM.0.0.j2RCh&amp;fl_sg_shop_act=shop_act&amp;page=0" data-filterkey="fl_sg_shop_act" class="tag">
            <span class="icon_filter"></span>
            <span>店铺优惠</span></a>
        </div>
      </div>
    </div>
    <!-- 类目刷选 end-->
    @foreach($goods as $k=>$v)
      <div style="position: relative; left: 0px; top: 0px;" class="poster_grid retsop poster_wall alpha omega" twitter_id="3865254207" twitter_author_uid="411792333" twitter_source_tid="0" twitter_show_type="7" like_twitter_id="3865254207">
        <div class="new_poster">
          <span class="p4p"></span>
          <div class="np_pic hover_pic">
            <a class="pic_load" data-pstrc="hot" style="height: 340px;" href="#" target="_blank" title="{{$v->goodname}}">
              <img class="goods_pic" src="{{$v->goodpic}}" alt="{{$v->goodname}}" width="224"></a>
            <div style="display: none;" class="like_merge">
              <a class="right_f posternew_likes like" href="javascript:void(0)">
                <i class="lm_love2">&nbsp;</i>喜欢</a></div>
          </div>
          <div class="desc_box">
            <div class="showy_info">
              <span>￥</span>{{$v->price}}</div>
            <div class="sale_num">库存{{$v->stock}}</div></div>
          <div class="title">
            <p>
              <a href="#" target="_blank">{{$v->goodname}}</a></p>
          </div>
          <div class="clear_f"></div>
          <div class="discuss_one poster_cmt none_f">
            <a class="avatar32_f userInfoTips" href="#" user_id="{{$v->sorid}}" target="_blank">
              <img src="{{$v->goodpic}}"></a>
            <div class="cmt_r">
              <textarea class="poster_textarea __atName"></textarea>
              <div class="clear_f"></div>
              <p class="discuss">
                <a class="pl_btn poster_comment_btn" href="javascript:void(0);">评论</a>
                <a class="share_smileys">&nbsp;</a></p>
            </div>
            <div class="clear_f"></div>
          </div>
        </div>
      </div>
    @endforeach
    <div class="paging_panel c_f none_f">
      <div class="pageNav ">
        <a class="pagePrev " style="display:none" href="http://www.meilishuo.com/guang/catalog/hot?ptp=1.6yiaECYM.0.0.j2RCh&amp;pstrc=fe_pos%3Awlc_navwords_0_0_5&amp;cata_id=1000000000000&amp;nid=226807&amp;page=0">&lt;上一页</a>
        <a class="currentpage" href="http://www.meilishuo.com/guang/catalog/hot?ptp=1.6yiaECYM.0.0.j2RCh&amp;pstrc=fe_pos%3Awlc_navwords_0_0_5&amp;cata_id=1000000000000&amp;nid=226807&amp;page=0">1</a>
        <a href="http://www.meilishuo.com/guang/catalog/hot?ptp=1.6yiaECYM.0.0.j2RCh&amp;pstrc=fe_pos%3Awlc_navwords_0_0_5&amp;cata_id=1000000000000&amp;nid=226807&amp;page=1">2</a>
        <a href="http://www.meilishuo.com/guang/catalog/hot?ptp=1.6yiaECYM.0.0.j2RCh&amp;pstrc=fe_pos%3Awlc_navwords_0_0_5&amp;cata_id=1000000000000&amp;nid=226807&amp;page=2">3</a>
        <a href="http://www.meilishuo.com/guang/catalog/hot?ptp=1.6yiaECYM.0.0.j2RCh&amp;pstrc=fe_pos%3Awlc_navwords_0_0_5&amp;cata_id=1000000000000&amp;nid=226807&amp;page=3">4</a>
        <a href="http://www.meilishuo.com/guang/catalog/hot?ptp=1.6yiaECYM.0.0.j2RCh&amp;pstrc=fe_pos%3Awlc_navwords_0_0_5&amp;cata_id=1000000000000&amp;nid=226807&amp;page=4">5</a>
        <a href="http://www.meilishuo.com/guang/catalog/hot?ptp=1.6yiaECYM.0.0.j2RCh&amp;pstrc=fe_pos%3Awlc_navwords_0_0_5&amp;cata_id=1000000000000&amp;nid=226807&amp;page=5">6</a>
        <a href="http://www.meilishuo.com/guang/catalog/hot?ptp=1.6yiaECYM.0.0.j2RCh&amp;pstrc=fe_pos%3Awlc_navwords_0_0_5&amp;cata_id=1000000000000&amp;nid=226807&amp;page=6">7</a>
        <a href="http://www.meilishuo.com/guang/catalog/hot?ptp=1.6yiaECYM.0.0.j2RCh&amp;pstrc=fe_pos%3Awlc_navwords_0_0_5&amp;cata_id=1000000000000&amp;nid=226807&amp;page=7">8</a>
        <a href="http://www.meilishuo.com/guang/catalog/hot?ptp=1.6yiaECYM.0.0.j2RCh&amp;pstrc=fe_pos%3Awlc_navwords_0_0_5&amp;cata_id=1000000000000&amp;nid=226807&amp;page=8">9</a>
        <a href="http://www.meilishuo.com/guang/catalog/hot?ptp=1.6yiaECYM.0.0.j2RCh&amp;pstrc=fe_pos%3Awlc_navwords_0_0_5&amp;cata_id=1000000000000&amp;nid=226807&amp;page=9">10</a>
        <i>...</i>
        <a href="http://www.meilishuo.com/guang/catalog/hot?ptp=1.6yiaECYM.0.0.j2RCh&amp;pstrc=fe_pos%3Awlc_navwords_0_0_5&amp;cata_id=1000000000000&amp;nid=226807&amp;page=54">55</a>
        <a class="pageNext" style="" href="http://www.meilishuo.com/guang/catalog/hot?ptp=1.6yiaECYM.0.0.j2RCh&amp;pstrc=fe_pos%3Awlc_navwords_0_0_5&amp;cata_id=1000000000000&amp;nid=226807&amp;page=1">下一页&gt;</a>
        <a class="pageNext2" style="background: none; border: none; height: 58px; width: 55px; position: absolute; right: 0; top: 0;" href="http://www.meilishuo.com/guang/catalog/hot?ptp=1.6yiaECYM.0.0.j2RCh&amp;pstrc=fe_pos%3Awlc_navwords_0_0_5&amp;cata_id=1000000000000&amp;nid=226807&amp;page=1"></a>
      </div>
    </div>
    <div style="display: none;" class="spinner botSpinner none_f"></div>
    <div class="clear_f"></div>
  </div>
@endsection